/*!
create css by 2020-11-27  kexuemihe  @wang   公共样式
*/
// 批量操作中的操作
#optionCourse {
    display: none;
    margin-left: 2.5rem;

    span {
        font-size: 1rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #999999;
        margin-right: 1.3rem;
        cursor: pointer;
    }

    span:hover {
        color: #05A6F9;
    }
}

// 三个点下拉操作栏 更多操作
#opt {
    position: fixed;
    left: 0;
    min-width: 100px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    top: 0;
    display: none;
    z-index: 1000;
    ul {
        li {
            span {
                display: inline-block;
                width: 100%;
                font-size: 1rem;
                font-family: PingFang SC;
                font-weight: 400;
                color: #666666;
                line-height: 3rem;
                text-align: center;
                &:hover {
                    background-color: rgba(41, 121, 248, .1);
                }
            }

            &:nth-child(1) span {}

            &:nth-child(1) {
                padding: .5rem 0;
                border-bottom: 1px solid #EEEEEE;
            }

            &:nth-child(2) {
                padding: .5rem 0;

            }
        }
    }
}


.header {
    box-shadow: 0px 1px 7px 0px rgba(4, 0, 0, 0.08);
}

// 没有文档时，空白也
.noneFile {
    text-align: center;
    margin-top: 9rem;

    img {
        width: 48%;
    }

    p {
        font-size: 1.2rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: 6.2rem;
    }
}

#rightConHeader {
    font-size: 1.5rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 6.5rem;
}

.allOpt {
    >div {
        display: flex;
        align-items: center;

        a {
            display: inline-block;
            border-radius: .5rem;
            line-height: 2.5rem;
            border: 1px solid #05A6F9;
            padding:0 12px;
            color: #05A6F9;
            span {
                font-size: .8rem;
                font-family: PingFang SC;
                font-weight: 400;
                padding: 3px;
            }
        }

        label {
            display: none;
            margin-left: 1.3rem;

            input {
                margin: 0;
                right: 0;
                top: 0;
                width: 1.8rem;
                height: 1.8rem;
                padding: 0;
                border-radius: 3px;
                vertical-align: middle;
            }
        }

        #optionCourse {
            display: none;

            span {}

            span:last-child:hover {
                color: red;
            }
        }
    }
}

/*   // courses 课件内容   一行4个课件每个21%   */

#rightCon {
    padding: 0 2.1rem;
}

.courseCon {
    margin-top: 2rem;

    >div {
        >ul {
            display: flex;
            flex-wrap: wrap;

            >li {
                position: relative;
                width: 21.5%;
                margin-right: 3%;
                box-shadow: 0px 0px 4px 0px rgba(41, 121, 248, 0.1);
                border-radius: 5px;
                margin-bottom: 1.2rem;
                // background: url(../images/我的课件_slices/shenglvehao.png) no-repeat 94% 96%;

                a {
                    display: block;

                    img {
                        width: 100%;
                    }

                    p {
                        width: 77%;
                        margin-left: 9%;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: clip;
                        font-size: 1.2rem;
                        font-family: PingFang;
                        font-weight: 500;
                        color: #666666;
                        line-height: 3rem;
                    }
                }

                .moreOpt {
                    width: 8%;
                    height: 10%;
                    position: absolute;
                    right: 2%;
                    bottom: 4%;
                    cursor: pointer;

                    img {}
                }

                input {
                    margin: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 1.8rem;
                    height: 1.8rem;
                    padding: 0;
                    border-radius: 3px;
                    display: none;
                }
            }
        }
    }


}

// <!-- 新建文件夹弹窗 -->
.fileOption {
    background: RGBA(229, 229, 229, .7);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;

    .centerBox {
        border-radius: 1rem;
        position: absolute;
        z-index: 100;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #FFF;
        font-family: PingFang SC;
        padding-left: 2.4rem;
        padding-right: 3rem;
        width: 40%;

        h3 {
            width: 100%;
            font-size: 2rem;
            font-weight: 500;
            color: #333333;
            line-height: 5rem;
            margin: 0 0 2rem 0;
        }

        p {
            font-size: 1.6rem;
            font-family: PingFang SC;
            font-weight: 400;
            color: #999999;
        }


        input {
            width: 100%;
            border-bottom: 1px solid #05A6F9;
            font-size: 1.5rem;
            font-weight: 400;
            color: #999999;
        }

        .btns {
            margin: 2.5rem 0 2rem;
            float: right;

            button {
                width: 67px;
                $height: 30px;
                height: $height;
                border-radius: $height/2;
            }

            .cancel {
                background: #FFF;
                border: 1px solid #CCCCCC;

            }

            .confirm {
                margin-right: 1rem;
                color: #FFF;
                background: #05A6F9;
            }
        }
    }
}

// 关闭按钮x
img.closeChaS {
    position: absolute;
    right: 3%;
    top: 8%;
    cursor: pointer;
}

// <!-- 操作成功的弹窗 -->》
.optSuccee {
    width: 100%;
    height: 100%;
    position: fixed;
    // 弹窗出来后，防止用户有其他操作
    background-color: RGBA(0, 0, 0, 0);
    top: 0;

    .centerBox {
        border-radius: 1rem;
        position: absolute;
        z-index: 100;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #CCCCCC;
        font-family: PingFang SC;
        padding-left: 2.4rem;
        padding-right: 3rem;

        p {
            line-height: 4rem;
            font-size: 1.6rem;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #FEFEFE;
            text-align: center;
        }
    }
}